

<body>



<style>
  * {margin: 0; padding: 0;}
  html, body {width: 100%; height: 100%; overflow: hidden;}
  #container {overflow: hidden; position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%;}
  #background_video {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); object-fit: cover; height: 100%; width: 100%; z-index: -9999;}
  #video_cover {position: absolute; width: 100%; height: 100%; background: url('video_cover.jpeg') no-repeat; background-size: cover; background-position: center;}
  #overlay {position: absolute; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0,0,0,0.5);}
  #video_controls {position: absolute; left: 50%; top: 50%; transform: translate(-50%, 0);}
  #mute img {width: 23px; height: 23px; background: url('blank.png') no-repeat; background-size: cover; background-position: center;}
</style>
</body>

